<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <!--引入必须的资源文件-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
    <form action="#" method="post">
        <div class="form-group">
            <label  for="exampleInputEmail1">邮件地址:</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮件地址！">
        </div>

        <div class="form-group">
            <label  for="password">用户名:</label>
            <input type="password" class="form-control" id="password" placeholder="请输入您的邮件密码！">
        </div>

        <div class="form-group">
            <label  for="file">用户名:</label>
            <input type="file" class="form-control" id="file" placeholder="请选择您要上传的文件！">
        </div>

        <div class="checkbox">
            <label><input type="checkbox"/> 你敢选我吗？</label>
        </div>

        <div>
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
        </div>

        <button type="submit" class="btn btn-success">提交</button>
    </form>
</body>
</html>